<template>
  <div class="error-wrap">
    <div class="error-info">
      <div class="image-wrap">
<!--        <img src="../../assets/images/common/404.png">-->
      </div>
      <div class="error-desc">
        <h4>系统加载中，请稍后再试吧……</h4>
        <p>建议您不要频繁刷新页面或点击功能按钮</p>
        <P>给您造成的不便我们深感歉意，感谢您的支持！</p>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "error"
  }
</script>

<style scoped lang="less">
 
  @fontPingFang: 'PingFang';
  .error-wrap {
    width: 100%;
    height: 100%;
    background: #fff;

    .error-info {
      width: 400px;
      height: 370px;
      position: absolute;
      left: 50%;
      top:50%;
      margin-left: -200px;
      margin-top:-185px;

      .image-wrap {
        width: 324px;
        height: 237px;
        margin-bottom: 30px;
     
        img {
          width: 100%;
          height: 100%;
          display: block;
          border: none;
        }
      }

      .error-desc {
        width: 400px;
        text-align: center;
        height: 100px;

        h4 {
          width: 400px;
          font-size: 28px;
          font-family: PingFang;
          color: rgb(51, 51, 51);
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          height: 40px;
          line-height: 40px;
          margin-bottom: 20px;
        }

        p {
          font-size: 18px;
          color: rgb(153, 153, 153);
          font-family: PingFang;
          text-align: center;
          height: 30px;
          line-height: 30px;
        }
      }
    }
  }
</style>
